<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>浙江科技学院计算机科学与技术152班</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />

	<style type="text/css">

        .ad{
			-webkit-animation:rotateImg 10s linear infinite;
			width:100px;
			height:100px;
			position:fixed;
			right:0;
			top:0;
			z-index:999;
		}

		@-webkit-keyframes rotateImg {
			0%{-webkit-transform : rotate(0deg);}
		  100%{-webkit-transform : rotate(360deg);}
		}

    </style>

	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
	<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/owl.theme.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link href="css/fontawesome-all.css" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,900" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
	<script src="js/busuanzi.pure.mini.js"></script>

</head>

<script>

	var i = 0;

	function changeMusic(){
		var audio = document.getElementById('music');
		if(i==0) {
			i = 1
			$('.ad').css("-webkit-animation","0");
			audio.pause();// 暂停
		} else {
			i = 0
			$('.ad').css("-webkit-animation","rotateImg 10s linear infinite");
			audio.play();// 播放
		}
	}

</script>

<body>
	<audio id="music" src="bgm2.mp3" autoplay="autoplay">
		您的浏览器不支持 audio 标签。
	</audio>

	<div class="ad" onclick="changeMusic()">
		<img src="images/t4.jpg" style="border-radius:100%"></img>
	</div>

	<!--/banner-->
	<div class="banner" id="home">
		<!-- header -->
		<header>
			<div class="logo text-center">
				<h1 class="logo">

						<a class="navbar-brand" href="http://zust.edu.cn"><span class="sub">ZUST</span></a>
						<a class="navbar-brand" href="index.html">计算机152班</a>
				</h1>
			</div>
			<nav class="navbar navbar-expand-lg navbar-light bg-light top-header">

				<button class="navbar-toggler mx-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
				    aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon">
						<i class="fas fa-bars"></i>
					</span>
				</button>
				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav mx-auto">
						<li class="nav-item active">
							<a class="nav-link ml-lg-0" href="index.html">Home
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link scroll" href="#about">最后的大学生活</a>
						</li>
						<li class="nav-item">
							<a class="nav-link scroll" href="#gallery">拾光</a>
						</li>
						<li class="nav-item">
							<a class="nav-link scroll" href="#touch">留言墙</a>
						</li>
						<li class="nav-item">
							<a class="nav-link scroll">本站访问次数：<span id="busuanzi_value_site_pv"></span></a>
						</li>

					</ul>
				</div>
			</nav>
		</header>
		<!-- //header -->
		<!-- banner-text -->
		<div id="wrapper">
			<!-- Slideshow 1 -->
		</div>
	</div>
	<!-- //banner -->
	<!--/banner-bottom-->
	<section class="bottom-banner" id="about">
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-6 about-img">

				</div>
				<div class="col-lg-6 about-info text-left">
					<div class="ab-info-text" data-aos="fade-left">
						<h4 class="sub-hd mb-4">最后的大学生活</h4>
						<p> 五月的夏天，只有记忆是潮湿的。我们不是植物，不能在这块土地上生生不息。青春在窗外的风中飘逝了。玻璃做的风筝摔下来，发出最后短暂的呼救声。谁来救我们呢？水瓶躺在墙角，布满灰尘。快要走了，没人那样勤奋，跑到水房去订水。宁可渴着。床头那个明星帅哥的笑容已经苍白，像一朵枯萎的忘忧草。房间里还是那首令人心恼意乱的老歌，劣质的声音，快要唱不动的样子。</p>
						<p class="sup-para mt-2">  毕业论文上的字，像蚂蚁，各自爬回自己的家。我们或留下或离开，这座城市，我们呆了四年，尚未熟悉。
						某某人上班了，某某人签合同了，某某人找到了一个肥的冒油的工作，某某人被“遣返”到偏远的家乡。一切以平静的语气诉说，一切都不能引发一点激动。大四的最后几个月是一潭死水。</p>



						<div class="read inner mt-4">

							<a href="#" class="btn btn-sm animated-button victoria-two" data-toggle="modal" data-target="#exampleModalCenter">Read More</a>
						</div>
					</div>
					<img src="images/2.jpg" class="img-fluid" alt="">
				</div>
			</div>
		</div>
	</section>
	<!-- Modal -->
	<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header text-center">
					<h5 class="modal-title text-center" id="exampleModalLongTitle">最后的大学生活</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<img src="images/g6.jpg" class="img-fluid" alt="">
					<p>蝉还没有鸣，我们的心已经开始鸣了，毕竟我们还年轻。</p>
					<br>
					<p>窗外，一对情侣在吵架，旁边一对情侣拥抱在一起甜蜜地说着情话。</p>
					<br>
					<p>爱和被爱，似乎都没有发生过。自行车骑的太快了，蓦然回首，才发现停在没有方向的十字路口。</p>
					<br>
					<p>大家都庸懒的窝在床上，不再去教室了，不再去听课，即使讲课的是妙语连珠的教授。也不去图书馆，尽管图书馆里有30万册藏书。躺在床上是自由的，看不下去的时候，便随手把武侠和爱情扔到床下。</p>
					<br>
					<p>这是一座宽敞而狭小的校园。</p>
					<br>
					<p>校园是不能缩到鞋底带走的。被单已经洗得发白。老师的批评和表扬都忘记了，因为我们将生活放在彼处。</p>
					<br>
					<p>怎么就到大四了？能够标识大四的，是蚊帐上的眼眼，是饭盒上坑坑洼洼的摔掉瓷的地方。而我们自己，失去了什么呢？可惜我们不是蚊帐，也不是饭盒，镜子里还是那张并不漂亮的脸，只是眼神暗淡了些。</p>
					<br>
					<p>再看一眼校园，才发现校园陌生的像大观园。原来认为熟悉的地方其实好多没去过，这最后一次走过才发现有好多风景好多秘密。</p>
					<br>
					<p>照不照一张穿学士袍、戴学士帽的照片？表情和动作是庄重多一点还是滑稽多一些？</p>
					<br>
					<p>翻开那些读过的书，密密麻麻的批语是自己写的吗？怎么自己也读不懂了？</p>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal -->
	<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header text-center">
					<h5 class="modal-title text-center" id="exampleModalLongTitle">祝贺毕业的你们！</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<img src="images/g10.jpg" class="img-fluid" alt="">
					<p>生命的长河中，留不住的是年华和往事，留下来的是梦和回忆。大学时光默然逝去，社会纷繁的生活悄然而至，我诚挚的祝你：一帆风顺。</p>
					<br>
					<p>方寸间，历数世上桑田沧海；时空里，细问人间暑往寒来；是朋友，星移斗转情不改；是知音，天涯海角记心怀。</p>
					<br>
					<p>青春岁月铭刻着你的影子，欢乐时光记忆着你的笑容。毕业了，告别充满真诚的校园，让我们相会在成功的路上。后会有期，愿你快乐。</p>
					<br>
					<p>不管未来有多遥远，成长的路上有你有我；不管相逢在什么时候，我们是永远的朋友。</p>
					<br>
					<p>一句祝福，一世牵挂；一声叮咛，一生感动。毕业的号角已吹响，带着你们的祝福，我们上路，不管前方有多少的风雨，心不会再孤独。</p>
					<br>
					<p>风是透明的，雨是滴答的，云是流动的，歌是自由的，爱是用心的，恋是疯狂的，天是永恒的，你是难忘的。</p>
					<br>
					<p>最浪漫的故事没有结局，最珍贵的友谊没有过多的言语，只有彼此心灵的默契，只有彼此熟悉的问候，才是让人甜透的乳汁。</p>
					<br>
					<p>校园的树郁郁葱葱，教室里洒满清澈的阳光。熟悉的地方，熟悉的人，心中难免惆怅。然而，相信青春不老，你我会重逢在美好的未来。</p>
					<br>
					<p>你我有各自的轨迹，如流星，能相聚，共步一段旅程，是缘分，但最终将朝着各自方向渐行渐远，是命运，愿你毕业后的未来更幸福！</p>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!--//banner-bottom-->
	<!--/banner-bottom-->
	<section class="banner-bottom product">
		<div class="container">
			<h3 class="tittle text-center" data-aos="slide-up"> CONGRATULATIONS!</h3>
			<div class="row inner-sec">
				<div class="mid-para text-center px-lg-5 px-md-4 px-2" data-aos="slide-up">
					<p>毕业了，愿你释放青春的心灵，展开五彩的翅膀。友情，在风中酝酿，在未来美好的日子里更加茁壮。道一声珍重，送你最真诚的祝福。静静的我们即将分离，诚诚的祝福向你传送，久久阔别的日子，愿工作随你意，生活很开心，有情终眷属，升职步步高，毕业一路祝福。</p>
					<div class="read inner mt-4" data-aos="slide-up">
						<a href="#" class="btn btn-sm animated-button victoria-two" data-toggle="modal" data-target="#exampleModalCenter2">Read More</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >网站建设</a></div>
	<!--/services-->
	<section class="banner-bottom services" id="services">
		<div class="container">
			<div class="row inner-sec">
				<div class="col-lg-4 service-in text-left" data-aos="zoom-in">
					<div class="card">
						<div class="card-body">
							<i class="fab fa-react"></i>
							<h5 class="card-title">青春</h5>
							<p class="card-text">人世间，比青春再可宝贵的东西实在没有，然而青春也最容易消逝……谁能保持得永远的青春的，便是伟大的人。
							</p>

						</div>
					</div>
				</div>
				<div class="col-lg-4 service-in text-left" data-aos="zoom-in">
					<div class="card">
						<div class="card-body">
							<i class="fab fa-strava"></i>
							<h5 class="card-title">积极</h5>
							<p class="card-text">积极一些，乐观一点，感谢生命中的所有的滋味，那样的奇妙，那样的回味无穷！是那些相遇的人，是那些生命的经历，是那些妙不可言的场景，是它们组成了我们的一生！
							</p>


						</div>
					</div>
				</div>
				<div class="col-lg-4 service-in text-left" data-aos="zoom-in">
					<div class="card">
						<div class="card-body">
							<i class="far fa-hand-spock"></i>
							<h5 class="card-title">自信</h5>
							<p class="card-text">失败与挫折并不可怕，可怕的是丧失了自信，丧失了激发我们积极向上的内在动力。让我们重拾信心，始终坚信：人生航船由我们自己掌舵，只要鼓起自信的风帆，就能战胜风浪，抵达美好彼岸。
							</p>

						</div>
					</div>
				</div>

			</div>
		</div>
	</section>

	<!--//features-->
	<!--/areas-->
	<section class="gallery text-center" id="gallery">
		<div class="container-fluid">
			<h3 class="tittle">拾光</h3>
			<div class="row inner-sec">
				<div class="col-md-6 gal-sec" data-aos="zoom-in">
					<div class="gallery-grid1">
						<a title="100% Satisfaction." href="images/g1.jpg">
							<img src="images/g1.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>校园</h4>
								<p>水晶剧场</p>
							</div>
						</a>
					</div>
				</div>
				<div class="col-md-3 gal-sec" data-aos="zoom-in">
					<div class="gallery-grid1">
						<a title="100% Satisfaction." href="https://supermariomaker2.oss-cn-hangzhou.aliyuncs.com/upload/85a26c0b-9294-49a1-8f4b-33cd2c8c62c6.jpg?time=1572320249758">
							<img src="https://supermariomaker2.oss-cn-hangzhou.aliyuncs.com/upload/85a26c0b-9294-49a1-8f4b-33cd2c8c62c6.jpg?time=1572320249758" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>毕业</h4>
								<p>两个帅逼室友</p>
							</div>
						</a>
					</div>
				</div>

				<div class="col-md-3 gal-sec" data-aos="zoom-in">
					<div class="gallery-grid1">
						<a title="100% Satisfaction." href="images/g3.jpg">
							<img src="images/g3.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>搞基？</h4>
								<p>姬少和翁乐辉小老弟</p>
							</div>
						</a>
					</div>

					<div class="gallery-grid1" data-aos="zoom-in">
						<a title="100% Satisfaction." href="images/g14.jpg">
							<img src="images/g14.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>毕业</h4>
								<p>三位不愿透露姓名的美丽仙女</p>
							</div>
						</a>
					</div>

				</div>

				<div class="col-md-3 gal-sec" data-aos="zoom-in">
					<div class="gallery-grid1">
						<a title="100% Satisfaction." href="images/g4.jpg">
							<img src="images/g4.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>校园</h4>
								<p>校园一角</p>
							</div>
						</a>
					</div>

					<div class="gallery-grid1" data-aos="zoom-in">
						<a title="100% Satisfaction." href="images/g12.jpg">
							<img src="images/g12.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>毕业</h4>
								<p>一份合照</p>
							</div>
						</a>
					</div>
				</div>
				<div class="col-md-3 gal-sec" data-aos="zoom-in">
					<div class="gallery-grid1">
						<a title="100% Satisfaction." href="images/g5.jpg">
							<img src="images/g5.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>食堂</h4>
								<p>吃了三年的食堂，怀念这便宜的饭菜</p>

							</div>
						</a>
					</div>

					<div class="gallery-grid1" data-aos="zoom-in">
						<a title="100% Satisfaction." href="images/g13.jpg">
							<img src="images/g13.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>毕业</h4>
								<p>一份合照</p>
							</div>
						</a>
					</div>
				</div>

				<div class="col-md-3 gal-sec" data-aos="zoom-in">
					<div class="gallery-grid1">
						<a title="100% Satisfaction." href="images/g11.jpg">
							<img src="images/g11.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>校园</h4>
								<p>水晶剧场旁</p>
							</div>
						</a>
					</div>

					<div class="gallery-grid1" data-aos="zoom-in">
						<a title="100% Satisfaction." href="images/g7.jpg">
							<img src="images/g7.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>毕业</h4>
								<p>不过这是2017年的时候拍的，如今已变成2019</p>
							</div>
						</a>
					</div>

				</div>
				<div class="col-md-3 gal-sec" data-aos="zoom-in">
					<div class="gallery-grid1">
						<a title="100% Satisfaction." href="images/g9.jpg">
							<img src="images/g9.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>毕业</h4>
								<p>一份合照</p>
							</div>
						</a>
					</div>
					<div class="gallery-grid1" data-aos="zoom-in">
						<a title="100% Satisfaction." href="images/g8.jpg">
							<img src="images/g8.jpg" alt=" " class="img-fluid" />
							<div class="p-mask text-center">
								<h4>校园</h4>
								<p>每一座学校，都会有的一个情人坡。背后是教学楼</p>
							</div>
						</a>
					</div>
				</div>

			</div>
		</div>
	</section>

	<!--/testimonials-->
	<section class="testimonials banner-bottom" id="clients">
		<div class="container">
			<h3 class="tittle cen text-center">班里大佬说过的话</h3>
			<div class="inner-sec">
				<div class="owl-carousel owl-theme">
					<div class="item">
						<div class="feedback-info text-left">
							<div class="feedback-top">
								<div class="icon-test">
									<i class="fas fa-quote-left"></i>
								</div>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大学，应该有一半的放纵，和一半的奋斗！</p>
							</div>
							<div class="feedback-grids">
								<div class="feedback-img">
									<img src="images/t1.jpg" class="img-fluid rounded-circle" alt="" />
								</div>
								<div class="feedback-img-info">
									<h5>叶俊铖</h5>
									<p>勤勤恳恳干了3年的老班长
										<span>(^-^)</span>
									</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="feedback-info text-left">

							<div class="feedback-top">
								<div class="icon-test">
									<i class="fas fa-quote-left"></i>
								</div>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;迷茫 </p>
							</div>
							<div class="feedback-grids">
								<div class="feedback-img">
									<img src="images/t2.jpg" class="img-fluid rounded-circle" alt="" />
								</div>
								<div class="feedback-img-info">
									<h5>朱海亮</h5>
									<p>按时帮同学记录作业，上交作业的学习委员
										<span>(^-^)</span>
									</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="feedback-info text-left">
							<div class="feedback-top">
								<div class="icon-test">
									<i class="fas fa-quote-left"></i>
								</div>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;该好友并未设置个人签名......QAQ </p>
							</div>
							<div class="feedback-grids">
								<div class="feedback-img">
									<img src="images/t3.jpg" class="img-fluid rounded-circle" alt="" />
								</div>
								<div class="feedback-img-info">
									<h5>盛雯姝</h5>
									<p>美丽善良亲切友好的团支书</p>
									<span>(^-^)</span>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!--//testimonials-->

	<!-- contact -->
	<section class="banner-bottom contact" id="touch">
		<h3 class="tittle text-center"> 留言墙 </h3>
		<br>

		<p class="tittle text-center" >
			叶俊铖是笨蛋( ´ ▽ ` )ﾉ
		</p>
		<p align="right">——克克和榕榕爸爸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</p>

		<br>
		<br>

		<p class="tittle text-center" >
			大学4年都和你在同一个寝室度过，我想在不和你讲的话，可能这辈子都没有机会了，我真的喜欢你很久了，我相信性别不是问题。异性只能繁衍后代，同性才有真爱！
		</p>
		<p align="right">——暗恋你的Z先生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</p>

		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<p class="tittle text-center" >
			这是一个发声的角落，如果这4年的时间里给你留下了美好的回忆，可以私发给你们敬爱的班长大人，在这里分享大学期间的趣事（可以匿名、化名）~
		</p>

	</section>
	<!-- //contact -->
	<!--footer-->
	<footer>
		<div class="container">
			<h2 class="logo text-center">
				<a href="index.html">
					<span class="sub">ZUST</span>Forever Computer Class 152</a>
			</h2>
			<div class="row footer-bottom">
				<div class="col-lg-6 copyright">
					<p>Copyright &copy; 2019.Class 152 Never Graduating.

				</div>
				<div class="col-lg-6 social-icon footer text-right">
					<div class="icon-social">
						<a href="#" class="button-footr">
							<i class="fab fa-facebook-f"></i>
						</a>
						<a href="#" class="button-footr">
							<i class="fab fa-twitter"></i>
						</a>
						<a href="#" class="button-footr">
							<i class="fab fa-dribbble"></i>
						</a>
						<a href="#" class="button-footr">
							<i class="fab fa-pinterest-p"></i>
						</a>
					</div>
				</div>
				<div class="clearfix"></div>

			</div>
			<!-- //footer -->
		</div>
	</footer>
	<!---->

	<!-- js -->
	<script src="js/jquery-2.2.3.min.js"></script>
	<!-- //js -->
	<!--slider-->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function () {

			// Slideshow 1
			$("#slider1").responsiveSlides({
				auto: false,
				pager: false,
				nav: true,
				speed: 500,
				namespace: "centered-btns"
			});


		});
	</script>
	<!--//slider-->
	<!--search-bar-->
	<!--pop-up-box-->
	<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
	<script src="js/jquery.magnific-popup.js"></script>
	<!--//pop-up-box-->
	<script>
		$(document).ready(function () {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
			});

		});
	</script>
	<!--//search-bar-->
	<!-- flexSlider -->
	<script defer src="js/jquery.flexslider.js"></script>
	<script>
		// Can also be used with $(document).ready()
		$(window).load(function () {
			$('.flexslider').flexslider({
				animation: "slide"
			});
		});
	</script>
	<!-- //flexSlider -->
	<!-- carousel -->
	<script src="js/owl.carousel.js"></script>
	<script>
		$(document).ready(function () {
			$('.owl-carousel').owlCarousel({
				loop: true,
				margin: 10,
				responsiveClass: true,
				responsive: {
					0: {
						items: 1,
						nav: true
					},
					600: {
						items: 1,
						nav: false
					},
					900: {
						items: 1,
						nav: false
					},
					1000: {
						items: 1,
						nav: true,
						loop: false,
						margin: 20
					}
				}
			})
		})
	</script>
	<!-- //carousel -->
	<!--gallery -->
	<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
	<script src="js/jquery.chocolat.js"></script>
	<script>
		$(function () {
			$('.gallery-grid1 a').Chocolat();
		});
	</script>
	<!-- //gallery -->
		<!-- /js files -->
		<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<link href='css/aos-animation.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<script src='js/aos.js'></script>
		<script src="js/aosindex.js"></script>
		<!-- //js files -->

	<!--/ start-smoth-scrolling -->
	<script src="js/move-top.js"></script>
	<script src="js/easing.js"></script>
	<script>
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 900);
			});
		});
	</script>
	<!--// end-smoth-scrolling -->

	<script>
		$(document).ready(function () {
			/*
									var defaults = {
							  			containerID: 'toTop', // fading element id
										containerHoverID: 'toTopHover', // fading element hover id
										scrollSpeed: 1200,
										easingType: 'linear'
							 		};
									*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<a href="#home" class="scroll" id="toTop" style="display: block;">
		<span id="toTopHover" style="opacity: 1;"> </span>
	</a>

	<!-- //Custom-JavaScript-File-Links -->
	<script src="js/bootstrap.js"></script>


</body>

</html>
